<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <!--
        * @作者: 陈会丽 *
        * @时间：2024-2025-1 *
        -->
    </head>
    <body>
        <form>
			<h3 align="center">用户注册表单</h3>
			<hr>
			<div>
				<font color="red">基本信息填写</font><br>
				<div align="center">用户名：<input  type="text" placeholder="请输入用户名">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户长度不超过6个字符</div>
				<div align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：<input  type="password" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码长度不超过10个字符</div>
				<div align="center">确认密码：<input  type="password" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重复密码</div>
				<div align="center">性别：<input type="radio" id="v" name="age" >
					<!-- 用lable标签可以通过id将两个标签绑定到一起 -->
					<label for="v">女</label>
					<input type="radio" id="n" name="age">
					<label for="n">男</label></div>
				<div align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出生日期：<input  type="date" placeholder="年/月/日">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
				<div align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爱好：<input type="checkbox" name="sing" id="sing" >
					<label for="sing">阅读</label>
					<input type="checkbox" name="dan" id="dan" >
					<label for="dan">锻炼</label>
					<input type="checkbox" name="rap" id="ra" >
					<label for="ra">写作</label>
					<input type="checkbox" name="lq" id="lq">
					<label for="lq">听歌</label>至少选择三项</div>
					<input type="checkbox" name="lq" id="lq">
				<div align="center">个人介绍：<textarea name="" id="" cols="30" rows="10" placeholder="多行文本"></textarea></div>
			</div>
			<hr><!--[if IE]>
				
			<![endif]-->
			<div>
				<p>邮箱绑定</p>
				<div>邮箱类型：<select  name="" id="" value="邮箱类型">
					<!-- 选项标签option -->
					<option value="">-邮箱类型-</option>
					<option value="">qq邮箱</option>
					<option value="">梁静茹</option>
					<option value="">胡彦斌</option>
				</select></div>
			</div>
			<button type="reset">重置</button><button type="submit">提交</button>
			
		</form>
    </body>
</html>